<template>
  <div>
    <ul>
      <li><div>优惠券名称</div><div class="zy"><el-input v-model="name" placeholder="优惠券名称"></el-input></div></li>
      <li><div>优惠券的金额</div><div class="zy"><el-input v-model="money" placeholder="优惠券的金额"></el-input></div><div class="zy">此券可抵的金额</div></li>
      <li><div>订单金额</div><div class="zy"><el-input v-model="orderMoney" placeholder="订单金额"></el-input></div><div class="zy">订单满多少可以用</div></li>
      <li class="block">
        <div><span class="demonstration">发放日期</span></div>
        <div class="zy">
          <el-date-picker
              v-model="date"
              type="datetime"
              placeholder="选择发放日期">
          </el-date-picker>
        </div>
      </li>
      <li><div>有效时间</div><div class="zy"><el-input v-model="day" placeholder="有效时间天数"></el-input></div></li>
      <li><div>发放的数量</div><div class="zy"><el-input v-model="number" placeholder="发放的数量"></el-input></div></li>
      <li><el-button type="primary" @click="update">确定</el-button></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "update",
  data(){
    return{
      name:'',
      money:'',
      date:'',
      orderMoney:'',
      day:'',
      number:'',
    }
  },
  methods:{
    update:function (){
      console.log('哈哈')
    }
  }
}
</script>

<style scoped>
ul li{
  list-style-type: none;
  display: flex;
  align-items: center;
  height: 60px;
  width: 500px;
}
.zy{
  margin-left: 20px;
}
</style>